<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" /> 
	<!--iphone设备中的safari私有meta标签，表示：允许全屏模式浏览；-->
	<meta content="yes" name="apple-mobile-web-app-capable" /> 
	<!--iphone的私有标签，指定的iphone中safari顶端的状态条的样式；-->
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<!--告诉设备忽略将页面中的数字识别为电话号码-->
	<meta content="telephone=no" name="format-detection" />
	<title>疯狂奖学金·流水账单</title>
	<link rel="stylesheet" type="text/css" href="${basePath}/css/zui.min.css">
	<link rel="stylesheet" type="text/css" href="${basePath}/css/weui.min.css">
	<link rel="stylesheet" type="text/css" href="${basePath}/css/currency.css">
	<link rel="stylesheet" type="text/css" href="${basePath}/css/caidoorsW.css">
	<script type="text/javascript" src="${basePath}/js/zepto.min.js"></script>
	<script type="text/javascript" src="${basePath}/js/comm.js"></script>
	<!--微信js-sdk 
	<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
	<script type="text/javascript" src="${basePath}/js/wx-share.js"></script>-->
</head>
<body class="hidden-md hidden-lg flow">
 	<div class="top">
 		<div class="container">
 			<div class="row fs-24 text-center col-3b">
 				<div class="col-xs-4">全部余额：<span>500.0<em>元</em></span></div>
 				<div class="col-xs-4">冻结：<span>500.0<em>元</em></span></div>
 				<div class="col-xs-4">累计充值：<span>500.0<em>元</em></span></div>
 			</div>
 		</div>
 	</div>
 	<div class="screen text-right">
 		<span>筛选</span>
 	</div>
 	<div class="con-list">
 		<div class="container box">
 			<div class="row time fs-24">2015-07-02</div>
 			<div class="row rec fs-32">
 				<div class="col-xs-3 text-center">
 					<img src="${basePath}/images/flow-rec.png">
 				</div>
 				<div class="col-xs-5 text-center"><p class="ver-align">用户充值</p></div>
 				<div class="col-xs-4">+<span>500.00<em>元</em></span></div>
 			</div>
 			<div class="row ded fs-32">
 				<div class="col-xs-3 text-center">
 					<img src="${basePath}/images/flow-ded.png">
 				</div>
 				<div class="col-xs-5 text-center"><p class="ver-align">步步为盈扣除</p></div>
 				<div class="col-xs-4">-<span>500.00<em>元</em></span></div>
 			</div>
 			<div class="row fro fs-32">
 				<div class="col-xs-3 text-center">
 					<img src="${basePath}/images/flow-fro.png">
 				</div>
 				<div class="col-xs-5 text-center"><p class="ver-align">游戏冻结</p></div>
 				<div class="col-xs-4">-<span>500.00<em>元</em></span></div>
 			</div>
 			<div class="row cas fs-32">
 				<div class="col-xs-3 text-center">
 					<img src="${basePath}/images/flow-cas.png">
 				</div>
 				<div class="col-xs-5 text-center"><p class="ver-align">提现</p></div>
 				<div class="col-xs-4">-<span>500.00<em>元</em></span></div>
 			</div>
 		</div>
 		<div class="container box">
 			<div class="row time fs-24">2015-07-02</div>
 			<div class="row rec fs-32">
 				<div class="col-xs-3 text-center">
 					<img src="${basePath}/images/flow-rec.png">
 				</div>
 				<div class="col-xs-5 text-center"><p class="ver-align">用户充值</p></div>
 				<div class="col-xs-4">+<span>500.00<em>元</em></span></div>
 			</div>
 			<div class="row ded fs-32">
 				<div class="col-xs-3 text-center">
 					<img src="${basePath}/images/flow-ded.png">
 				</div>
 				<div class="col-xs-5 text-center"><p class="ver-align">步步为盈扣除</p></div>
 				<div class="col-xs-4">-<span>500.00<em>元</em></span></div>
 			</div>
 			<div class="row fro fs-32">
 				<div class="col-xs-3 text-center">
 					<img src="${basePath}/images/flow-fro.png">
 				</div>
 				<div class="col-xs-5 text-center"><p class="ver-align">游戏冻结</p></div>
 				<div class="col-xs-4">-<span>500.00<em>元</em></span></div>
 			</div>
 			<div class="row cas fs-32">
 				<div class="col-xs-3 text-center">
 					<img src="${basePath}/images/flow-cas.png">
 				</div>
 				<div class="col-xs-5 text-center"><p class="ver-align">提现</p></div>
 				<div class="col-xs-4">-<span>500.00<em>元</em></span></div>
 			</div>
 		</div>
 	</div>
	<div id="loadingToast" class="weui_loading_toast" style="/* display: none; */">
	    
	    <div class="weui_toast">
	        <div class="weui_loading">
	            <div class="weui_loading_leaf weui_loading_leaf_0"></div>
	            <div class="weui_loading_leaf weui_loading_leaf_1"></div>
	            <div class="weui_loading_leaf weui_loading_leaf_2"></div>
	            <div class="weui_loading_leaf weui_loading_leaf_3"></div>
	            <div class="weui_loading_leaf weui_loading_leaf_4"></div>
	            <div class="weui_loading_leaf weui_loading_leaf_5"></div>
	            <div class="weui_loading_leaf weui_loading_leaf_6"></div>
	            <div class="weui_loading_leaf weui_loading_leaf_7"></div>
	            <div class="weui_loading_leaf weui_loading_leaf_8"></div>
	            <div class="weui_loading_leaf weui_loading_leaf_9"></div>
	            <div class="weui_loading_leaf weui_loading_leaf_10"></div>
	            <div class="weui_loading_leaf weui_loading_leaf_11"></div>
	        </div>
	        <p class="weui_toast_content">数据加载中</p>
	    </div>
	</div>
 	<div class="pop text-center">
 		<div>
	 		<p class="yes" data-id="0"><span>全部</span></p>
	 		<p data-id="1"><span>学费</span></p>
	 		<p data-id="2"><span>奖学金</span></p>
	 		<p data-id="3"><span>平台奖励</span></p>
	 	</div>
 	</div>
	<script type="text/javascript" src="/testwx/js/dateToString.js"></script>
 	<script type="text/javascript">
 		$(function(){
 			var num = 0;
 			//筛选
 			$('.screen span').click(function(){
 				$('.pop').show();
 			})
 			$('.screen span')[0].addEventListener('touchstart',function(){
 				alert('a')
 			},false);
 			$('.pop p').each(function(){
 				$(this).click(function(){
 					$(this).addClass('yes').siblings().removeClass('yes');
 					console.log($(this).attr('data-id'));
	 				flowList(num,$(this).attr('data-id'));
	 				$('.pop').hide();
	 			});
 			});
 			$('.pop').click(function(){
 				$('.pop').hide();
 			});
 			$('.pop')[0].addEventListener('touchmove',function(e){
 				e.preventDefault()
 			},false);
 			//
 			flowList(num,0);
 			//刷新
 			var screenH = $(window).height();
 			var documentH = $(document).height();
 			$('#loadingToast')[0].addEventListener('touchmove',function(e){
 				e.preventDefault()
 			},false);
 			window.onscroll = function(){
 				//滚动条的高度
 				var top = document.body.scrollTop || document.documentElement.scrollTop;
 				if(top >= (documentH-screenH)){
 					$('#loadingToast').css('margin-top',documentH-screenH + 'px');
 					$('#loadingToast').show();
 				}
 			}
 		})
 		function flowList(num,id){
			$.ajax({
				type:'post',
				url:url()+'/userBalance/getUserMoneyFlowDetail',
				data:{
					pageNo:num,
					pageSize:6,
					moneyType:id,

				},
				dataType:'json',
				success:function(rel){
					var rel_obj = JSON.parse(rel.result);
					console.log(rel_obj);
					var createTime = rel_obj.object.moneyFlowList[0].createTime;
					var date = new Date(createTime);
					console.log(createTime+"："+date.format("yyyy/MM/dd hh:mm:ss"));

				},
				error:function(){

				}
			})
 		}
 	</script>
</body>
</html>